<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>眼底影像分析报告</title>
</head>
<body align="center" class="a4-container">

    <!--  标题  -->
    <h2>眼底影像分析报告</h2>

    <!--  基础信息  -->
    <h3 align="left" style="margin-bottom: 0px">基本信息</h3>
    <hr style="margin-top: 0px"/>

    <table border="1" width = "100%" cellspacing='0' cellpadding='0'>
        <tr>
            <th>姓名</th>
            <th>ID</th>
            <th>性别</th>
            <th>年龄</th>
            <th>检查日期</th>
        </tr>
        <tr align="center">
            <td>test2</td>
            <td>222222222</td>
            <td>男</td>
            <td>16</td>
            <td>2024-04-09</td>
        </tr>
    </table>

    <!-- 眼底原图 -->
    <h3 align="left" style="margin-bottom: 0px">原始图像</h3>
    <hr style="margin-top: 0px"/>

    <div style="display: flex; justify-content: center;">
        <img src="../SampleImage/right.png" width="320" height="320" style="margin-right: 30px"/>
        <img src="../SampleImage/left.png" width="320" height="320" />
    </div>


    <!--  分析结果  -->
    <h3 align="left" style="margin-bottom: 0px">分析结果</h3>
    <hr style="margin-top: 0px"/>

    <div style="text-align: left; ">
        No1(右眼)眼底影像分析:
        </br>

        视盘边界清晰; 视盘边缘萎缩弧可见; 黄斑区未见明显异常; 未见明显视网膜出血;
        未见明显微血管瘤; 未见明显硬性渗出; 未见明显玻璃体积血; 未见其他明显异常;

        </br></br>
        No2(左眼)眼底影像分析:

        </br>
        视盘边界清晰; 视盘边缘萎缩弧可见; 黄斑区未见明显异常; 未见明显视网膜出血;
        未见明显微血管瘤; 未见明显硬性渗出; 未见明显玻璃体积血; 未见其他明显异常;

    </div>

    <!--  诊断意见  -->
    <h3 align="left" style="margin-bottom: 0px">诊断意见</h3>
    <hr style="margin-top: 0px"/>

    <div style="text-align: left; ">
        诊断结果良好，请继续保持正常作息，坚持锻炼
    </div>
</body>

<style>
.a4-container{
  width: 794px; /* A4纸宽度大约为794px */
  height: 1123px; /* A4纸高度大约为1123px */
  margin: 0 auto; /* 使容器水平居中 */
  background-color: #ffffff; /* 设置背景颜色为白色 */
  padding: 20px; /* 可选：添加内边距 */
  border: 1px solid gray;
}
</style>

</html>

